﻿@charset "utf-8";
/* CSS Document */

.topobody{
    background:#282828;
}
span, a, i, em{
	white-space:nowrap;
}

.topocon{
	margin:6px;
	background:#f8f8f8;
	box-shadow:0 0 5px #191919;
    height:500px;
	overflow:hidden;
}

.topoleft{
	float:left;
    background:#4baed0;
	height:629px;
	width:18%;
}
.topocontent, .topoview{
	position:relative;
    height:405px;
	overflow:hidden;
}
/*.companylogo{
    background:#222c38;
	height:60px;
	line-height:60px;
	text-align:center;
}
.companylogo a{
	padding-top:20px;
    display:inline-block;
	height:16px;
	width:53px;
}
.companylogo a img{
    display:block;
}*/
/*.lefticon{
    padding:15px 0;
}*/
.countele{
    display:none;
}
.iconitems{
	padding:5px 0 5px 15px;
	background:#4baed0;
	border-radius:3px;
    height:20px;
	color:#FFF;
	font:12px "微软雅黑";
	line-height:20px;
	cursor:pointer;
}
/*.iconitems img{
    float:left;
	margin-right:5px;
	display:block;
}*/
.iconitems span{
    float:left;
	display:block;
	width:150px;
	overflow:hidden;
}

.toporight{
    float:left;
	height:629px;
	width:64%;
}
.topoleft2{
	float:right;
    background:#4baed0;
	height:629px;
	width:18%;
}
.funcbtn{
	background:#343f4b;
    height:60px;
	overflow:hidden;
}
.funcbtn ul{
    float:left;
	margin:8px 0 0 40px;
	color:#a8bec9;
	font:12px "微软雅黑";
	_margin:8px 0 0 20px;
	_width:620px;
}
.funcbtn ul li{
    float:left;
	padding-right:20px;
	display:block;
	_padding-right:10px;
	_width:140px;
}
.funcbtn ul li span{
	margin-top:2px;
    display:block;
	height:20px;
	cursor:pointer;
}
.funcbtn ul li span i, .funcbtn ul li span img, .funcbtn ul li span em{
    float:left;
}
.funcbtn ul li span i{
	margin:2px 0 0 10px;
	background:none;
    display:block;
	height:13px;
	width:13px;
}
.funcbtn ul li span.focus i, .funcbtn ul li span:hover i{
    background:url(/Content/plugin/routeCanvas/images/select-line.gif) no-repeat;
}
.funcbtn ul li span img{
    margin:6px 5px 0 0;
}
.funcbtn .morebtn{
    float:right;
	margin:20px 20px 0 0;
	height:17px;
	_margin:20px 10px 0 0;
}
.funcbtn .morebtn a{
	float:left;
	margin-right:20px;
	display:block;
	height:17px;
    color:#a8bec9;
	font:14px "微软雅黑";
	line-height:17px;
	_margin-right:10px;
}
.funcbtn .morebtn a img{
    float:left;
	margin-right:5px;
	display:block;
}
.funcbtn .morebtn a font{
    float:left;
}

.elebox{
	padding:10px;
    position:absolute;
	left:0;
	top:0;
	background:#f1f1f1;
	border:1px solid #a8bec9;
	border-radius:3px;
	height:42px;
	text-align:center;
	cursor:move;
	overflow:hidden;
}
.elebox span{
	margin-top:5px;
    display:block;
	color:#4baed0;
	font:12px "宋体";
}

.dragPoint{
	cursor:pointer;
}
/*.labelstyle{
	padding:5px;
    background:#f1f1f1;
	border:1px solid #a8bec9;
	border-radius:3px;
	color:#4baed0;
	font:12px "宋体";
	cursor:pointer;
}*/
.labelstyle{
	padding:5px;
    background:#f1f1f1;
	border-radius:3px;
	color:#4baed0;
	font:12px "宋体";
    font-weight:bold;
	cursor:pointer;
}
svg._jsPlumb_connector{
    cursor:pointer;
}

.dragHover{
	border:1px solid orange;
}

.topoview{
    margin:0 auto;
    background:#f8f8f8;
}

.cursor_default, .topoview svg._jsPlumb_connector{
    cursor:default;
}
.loading_pop{
    display:none;
}
